* {
    font-size: 31px;
}

@function pxToRem($px) {
    @return ($px / 31) * 1rem;
}

.header {

    padding: 5px;

    .search {
        width: 100%;
        height: 1rem;
    }

}

// 在UI给的图上是200px，此时要写多少rem？
.div1 {
    height: pxToRem(200);
    background-image: url("pic-1.png");
    background-repeat: no-repeat;
    background-color: #ff0000;
}